<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

	<head>
		<title>Lancer - Jquery 事件冒泡</title>
		<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
	</head>

	<body onclick="alert('document')">
		<div id="outer" onclick="alert('outer');">
			<div id="inner" onclick="alert('inner')">
				<a id="link" href="http://www.baidu.com" onclick="alert('link')">Click</a>
			</div>
		</div>
	</body>

	<script type="text/javascript">
		$(function() {
			$("#link").click(function(event) {
				//  阻止事件冒泡, 并不阻止事件行为：event.stopPropagation();
				// event.stopPropagation();
				
				// 阻止事件行为，并阻止事件冒泡 ：event.preventDefault();
				// event.preventDefault();
				
				// 阻止事件冒泡, 也阻止事件行为：return false;
				return false;
				
				
			});
		});
	</script>
</html>